<template>

    <!-- <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">油种：</span>
        <span id="oil_type_span" class="value_css_style">{{detailData.order.crudeNameZh}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">合同货量（桶）：</span>
        <span id="volume_contract_bucket" class="value_css_style">{{detailData.order.amountBarrel}}</span>
      </div>
      <div class="right_unified_style_div">
        <span class="key_css_style">合同货量（吨）：</span>
        <span id="volume_contract_ton" class="value_css_style">{{detailData.order.amountTon}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">溢短装：</span>
        <span id="overflow_short_load" class="value_css_style">{{detailData.order.tolerance}}</span>
      </div>
      <div class="right_unified_style_div">
        <span class="key_css_style">贸易条款：</span>
        <span id="trade_terms" class="value_css_style">{{detailData.order.tradeTerm.enName}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">计价公式：</span>
        <span id="pricing_frmula" class="value_css_style">{{detailData.order.priceFormula}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">是否收取保证金：</span>
        <span id="caution_money" class="value_css_style">{{detailData.order.requireDeposit==1?"是":"否"}}</span>
      </div>
      <div class="right_unified_style_div">
        <span class="key_css_style">付款条款：</span>
        <span id="payment_terms" class="value_css_style">{{detailData.order.paymentTerm.enName}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">保证金比例：</span>
        <span id="margin_ratio" class="value_css_style">{{detailData.order.depositPercent==null?"":detailData.order.depositPercent+"%"}}</span>
      </div>
      <div class="right_unified_style_div">
        <span class="key_css_style">付款期：</span>
        <span id="payment_period" class="value_css_style">{{detailData.order.paymentDate}} days {{detailData.order.paymentOption.enName}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">保证金支付截止日期：</span>
        <span id="deadline" class="value_css_style">{{detailData.order.depositDeadline}}</span>
      </div>
      <div class="right_unified_style_div">
        <span class="key_css_style">结算方式：</span>
        <span id="means_settlement" class="value_css_style">{{detailData.order.settlementDetermination.zhName}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">提货港口：</span>
        <span id="pick_up_port" class="value_css_style">{{detailData.order.deliveryPort}}</span>
      </div>
      <div class="right_unified_style_div">
        <span class="key_css_style">商检条款：</span>
        <span id="inspection_clause" class="value_css_style">{{detailData.order.inspectionTerm.zhName}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">提货罐区：</span>
        <span id="delivery_tank_area" class="value_css_style">{{detailData.order.deliveryTankArea}}</span>
      </div>
      <div class="right_unified_style_div">
        <span class="key_css_style">适用法律：</span>
        <span id="applicable_law" class="value_css_style">{{detailData.order.applicableLaw}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style">提货期：</span>
        <span id="delivery_area" class="value_css_style">{{detailData.order.deliveryPeriodStart}} - {{detailData.order.deliveryPeriodEnd}}</span>
      </div>
      <div class="right_unified_style_div">
        <span class="key_css_style">GTC：</span>
        <span id="gtc" class="value_css_style">{{detailData.order.gtc}}</span>
      </div>
    </div>

    <div class="unified_style_div">
      <div class="left_unified_style_div">
        <span class="key_css_style delivery_area">物流方式：</span>
        <span id="delivery_area" class="value_css_style">{{detailData.order.deliveryMode.zhName}}</span>
      </div>
    </div>

    <div class="assay_operation_style_div">
      <div class="left_assay_operation_style_div">
        <span class="key_css_style">assay：</span>
        <!-- <button id="check" class="assay_operation_button" @click="previewAssay(detailData.order.assay)">查看</button> -->
    <!-- <button id="download" class="assay_operation_button" @click="downloadAssay(detailData.order.assay)">下载</button>
  </div>
</div>

<div class="unified_style_div">
  <div class="remark_style_div">
    <span class="remark_css_style">备注：</span>
    <span id="remark" class="value_remark_css_style">{{detailData.order.remarks}}</span>
  </div>
</div> -->

    <div class="orderBuyerCompletedBox">
        <!--订单基本信息-->
        <div id="marketCreateOrder">

            <div class="wrapper_content">
                <span class="order_detail_span">订单基本信息</span>

                <div class="clearfix">
                    <ul>
                        <li class="clearfix" style="width: 185%">
                            <span style="float: left">油种：</span>
                            <span style="float: left">{{detailData.order.crudeNameZh}}</span>
                        </li>
                        <li>
                            <span>合同货量（桶）：</span>
                            <span>{{detailData.order.amountBarrel}}</span>
                        </li>
                        <li>
                            <span>溢短装：</span>
                            <span>{{detailData.order.tolerance}}</span>
                        </li>
                        <li class="clearfiorder_detailx" style="width: 180%">
                            <span style="float: left">计价公式：</span>
                            <span style="float: left">{{detailData.order.priceFormula}}</span>
                        </li>
                        <li>
                            <span>是否收取保证金：</span>
                            <span>{{detailData.order.requireDeposit==1?'是':'否'}}</span>
                        </li>
                        <li v-if="detailData.order.requireDeposit == 1">
                            <span>保证金比例：</span>
                            <span>{{detailData.order.depositPercent}}</span>
                        </li>
                        <li v-if="detailData.order.requireDeposit == 1">
                            <span>保证金支付截止日期：</span>
                            <span>{{detailData.order.depositDeadline}}</span>
                        </li>
                        <li>
                            <span>提货港口：</span>
                            <span>{{detailData.order.deliveryPort}}</span>
                        </li>
                        <li>
                            <span>提货罐区：</span>
                            <span>{{detailData.order.deliveryTankArea}}</span>
                        </li>
                        <li>
                            <span>提货期：</span>
                            <span>{{detailData.order.deliveryPeriodStart}}-{{detailData.order.deliveryPeriodEnd}}</span>
                        </li>
                        <li>
                            <span>物流方式：</span>
                            <span>{{detailData.order.deliveryMode.zhName}}</span>
                        </li>
                        <li>
                            <span>assay：</span>
                            <span v-show="detailData.order.assay">
                <!--<div class='assay_operation_style_div' -->
                                <!--<div class='left_assay_operation_style_div'>-->
                <button id='check' class='assay_operation_button'>查看</button>
                <button id='download' class='assay_operation_button'>下载</button>
                                <!--</div>-->
                                <!--</div>-->
              </span>
                        </li>
                        <li class="clearfix" style="width: 180%">
                            <span class="key_css_style" style="float: left">备注：</span>
                            <span style="float: left">{{detailData.order.remarks}}</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <span></span>
                            <span></span>
                        </li>
                        <li>
                            <span>合同货量（吨）：</span>
                            <span>{{detailData.order.amountTon}}</span>
                        </li>
                        <li>
                            <span>贸易条款：</span>
                            <span>{{detailData.order.tradeTerm.zhName}}</span>
                        </li>
                        <li>
                            <span></span>
                            <span></span>
                        </li>
                        <li>
                            <span>付款条款：</span>
                            <span>{{detailData.order.paymentTerm.zhName}}</span>
                        </li>
                        <li>
                            <span>付款期：</span>
                            <span>{{detailData.order.paymentDate}} days {{detailData.order.paymentOption.enName}}</span>
                        </li>
                        <li>
                            <span>结算方式：</span>
                            <span>{{detailData.order.settlementDetermination.zhName}}</span>
                        </li>
                        <li>
                            <span>商检条款：</span>
                            <span>{{detailData.order.inspectionTerm.zhName}}</span>
                        </li>
                        <li>
                            <span>适用法律：</span>
                            <span>{{detailData.order.applicableLaw}}</span>
                        </li>
                        <li>
                            <span>GTC：</span>
                            <span>{{detailData.order.gtc}}</span>
                        </li>
                    </ul>
                </div>

                <div class="line"></div>

                <span class="seller_information_span">卖家信息</span>

                <div class="unified_style_div">
                    <div class="left_unified_style_div">
                        <span class="key_css_style_seller">企业名称：</span>
                        <span class="value_enterprise_css_style">{{detailData.seller.stakeholderName}}</span>
                    </div>
                </div>

                <div class="unified_style_div">
                    <div class="remark_style_div">
                        <span class="key_address_css_style">企业地址：</span>
                        <span class="value_address_css_style">{{detailData.seller.stakeholderAddress}}</span>
                    </div>
                </div>

                <div class="unified_style_div">
                    <div class="left_unified_style_div">
                        <span class="key_css_style_seller">联系人：</span>
                        <span class="value_enterprise_css_style">{{detailData.seller.stakeholderContact}}</span>
                    </div>
                    <div class="right_unified_style_div">
                        <span class="key_css_style_seller">邮箱：</span>
                        <span class="value_enterprise_css_style">{{detailData.seller.stakeholderMail}}</span>
                    </div>
                </div>

                <div class="unified_style_div">
                    <div class="left_unified_style_div">
                        <span class="key_css_style_seller">联系电话：</span>
                        <span class="value_enterprise_css_style">{{detailData.seller.stakeholderPhone}}</span>
                    </div>
                    <div class="right_unified_style_div">
                        <span class="key_css_style_seller">传真：</span>
                        <span class="value_enterprise_css_style">{{detailData.seller.stakeholderFax}}</span>
                    </div>
                </div>

                <div class="line"></div>

                <span class="seller_information_span">买家信息</span>

                <div class="unified_style_div">
                    <div class="left_unified_style_div">
                        <span class="key_css_style_seller">企业名称：</span>
                        <span class="value_enterprise_css_style">{{detailData.buyer.stakeholderName}}</span>
                    </div>
                </div>

                <div class="unified_style_div">
                    <div class="remark_style_div">
                        <span class="key_address_css_style">企业地址：</span>
                        <span class="value_address_css_style">{{detailData.buyer.stakeholderAddress}}</span>
                    </div>
                </div>

                <div class="unified_style_div">
                    <div class="left_unified_style_div">
                        <span class="key_css_style_seller">联系人：</span>
                        <span class="value_enterprise_css_style">{{detailData.buyer.stakeholderContact}}</span>
                    </div>
                    <div class="right_unified_style_div">
                        <span class="key_css_style_seller">邮箱：</span>
                        <span class="value_enterprise_css_style">{{detailData.buyer.stakeholderMail}}</span>
                    </div>
                </div>

                <div class="unified_style_div">
                    <div class="left_unified_style_div">
                        <span class="key_css_style_seller">联系电话：</span>
                        <span class="value_enterprise_css_style">{{detailData.buyer.stakeholderPhone}}</span>
                    </div>
                    <div class="right_unified_style_div">
                        <span class="key_css_style_seller">传真：</span>
                        <span class="value_enterprise_css_style">{{detailData.buyer.stakeholderFax}}</span>
                    </div>
                </div>

                <div class="line"></div>

                <span class="seller_information_span">修改记录</span>

                <el-table :data="modify_log_list" border class="elTable" id="elTable1">
                    <el-table-column align="center" prop="operationType.zhName" label="操作类型" width="130">
                    </el-table-column>
                    <el-table-column align="center" prop="operatorName" label="操作人" width="180">
                    </el-table-column>
                    <el-table-column align="center" prop="operateTime" label="操作时间" width="200">
                    </el-table-column>
                    <!-- <el-table-column v-show="false"  align="center" prop="address" label="操作内容">
                    </el-table-column> -->
                </el-table>
            </div>
        </div>

        <el-dialog title="提示" :visible.sync="hintDialogVisible" width="30%" center>
            <span>{{hintMesage}}</span>
            <span slot="footer" class="dialog-footer">
        <!-- <el-button @click="hintDialogVisible = false">取 消</el-button> -->
        <el-button type="primary" @click="hintDialogVisible = false">确 定</el-button>
      </span>
        </el-dialog>
    </div>
</template>

<script>
export default {
  name: '11'
}
</script>

<style scoped>

</style>
